<template>
    <div class="moudle_main">
        <div class="moudle_left moudle_warp">
            <div class="moudle_warp_divs">
                <div class="moudle_warp_divs_header">
                    <img src="../../assets/image/home/waijiedata_icon.png" alt="">
                    <span>基础信息分布统计</span>
                </div>

                <div class="moudle_warp_divs_comend">
                    <leftTop />
                </div>
            </div>


            <div class="moudle_warp_divs">
                <div class="moudle_warp_divs_header">
                    <img src="../../assets/image/home/waijiedata_icon.png" alt="">
                    <span>物联感知告警</span>
                </div>

                <div class="moudle_warp_divs_comend">
                    <leftBottom />
                </div>
            </div>
        </div>

        <div class="moudle_right moudle_warp">

            <div class="moudle_warp_divs">
                <div class="moudle_warp_divs_header">
                    <img src="../../assets/image/home/waijiedata_icon.png" alt="">
                    <span>业务信息分布统计</span>
                </div>

                <div class="moudle_warp_divs_comend">
                    <rightTop />
                </div>
            </div>


            <div class="moudle_warp_divs">
                <div class="moudle_warp_divs_header">
                    <img src="../../assets/image/home/waijiedata_icon.png" alt="">
                    <span>河湖健康评价</span>
                </div>

                <div class="moudle_warp_divs_comend">
                    <rightBottom />
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { ref, onMounted, reactive, nextTick } from "vue";
import leftTop from "./comend/leftTop.vue";
import leftBottom from "./comend/leftBottom.vue";
import rightTop from "./comend/rightTop.vue";
import rightBottom from "./comend/rightBottom.vue";

</script>


<style lang="less" scoped>

</style>